<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios-post-0</title>
		<!-- 使用js对象传参 后端需要@RequestBody-->
		<!-- 注:restFul风格下,四种方式传参 前端后端都一样写法 -->
	</head>
	<body>
		<div id="app">
		
			
			
			
		</div>
		
		<script src="../js/axios.js"></script>
		<script src="../../WebDemo/JQuery/jquery-3.6.0.min.js"></script>
		<script>
		
			let url = "http://127.0.0.1:8090/axios/user1"
			let id = 1
			let name = '黑熊精'
			let age = 3000
			let sex = '男'
			
			
			//4 后端使用@RequestBody 可以正常接收 这里传递js对象 后端接收到的是json 然后用注解转化为java对象
			let param4 = {//对象
				"name":name,
				"age":age,
				"sex":sex
			}
			$(function(){
				//传递form data 即 js对象 后端不能用@RequestBody
				$.post(url,param4,function(data){
					console.log("JQUERY POST")
				})
			})
			
			//传递Requset Payload 即 json串 后端要用@RequestBody
			axios.post(url,param4)
			.then(result=>{
				console.log("VUE AXIOS POST")
				console.log(result.data)
			})
			
			
			
			
			/* *
			 需求：；post restFul 入库
			 
			 */
			let url1 = "http://127.0.0.1:8090/axios/user"
			let url2=`${url1}/redis/18/男`
			
			// axios.post(url2)
			// .then(function(result){
			// 	console.log(result.data)
			// })
		</script>
	</body>
</html>
